<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">

		<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
		<title>个人动态页面</title>
		<script type="text/javascript">
			/* document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。")
   			
   		}); */
		</script>
		<!-- 图标 -->
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />
		<!-- 控制头部和底部导航样式 -->
		<link rel="stylesheet" type="text/css" href="css/style.css" />

		<style>
			#actreplay {
				font-size: 1em;
				text-align: right;
				text-indent: 2em;
				padding: 10px;
				/* border: #FFAA00 solid 1px; */
				border-radius: 1em;
				margin: 1em;
			}

			.soloimg img {
				width: 100%;
				margin: 0;
				padding: 0;
			}
			
			#send{
				margin: 10px;
				
			}
			#send input{
				width: 80%;
				height: 2em;
				border: 2px solid #FFAA00;
				border-radius: 10px;
			}
			#send i{
				width: 1.2em;
				height: 1.2em;
				text-align: center;
				background-color: #FFFFFF;
				border: #FFAA00 1px solid;
				padding: 5px;
				margin-left:10px ;
				color: #FFAA00;
				font-size: 1em;
				border-radius: 1em;
			}
			
			#send i:active{
				width: 1.2em;
				height: 1.2em;
				text-align: center;
				background-color:#FFAA00 ;
				border: #FFAA00 1px solid;
				padding: 5px;
				margin-left:10px ;
				color: #FFFFFF;
				font-size: 1em;
				border-radius: 1em;
			}
			
			.soloimg img{
				width: 100%;
				margin: 0;
				padding: 0;
			}
			.replay div{
				margin: 0;
			}
			.replay img{
				width: 2rem;
				border-radius: 1rem;
			}
		</style>
		<script>$.mobile.ajaxEnabled = false;</script>
	</head>
	<body>

		<div data-role="page">
			<div data-role="header" data-position="fixed" id="opcitybg">
				<a id="headop" href="#" data-role="button" data-icon="carat-l" data-rel="back"	data-iconpos="notext"></a>
				<h1>我的动态</h1>
				<a id="headop" href="c_activityAdd.html" data-role="button" data-icon="plus" data-iconpos="notext" data-ajax="false"></a>
			</div>

			<div data-role="main" class="ui-content">
				<ul data-role="listview" data-inset="true" data-icon="false">
					<li data-role="divider">
						<div data-role="navbar">
							<ul>
								<li><a href="#anylink" id="selectmenu">我发布的</a></li>
								<li><a href="#anylink" id="menua">我参与的</a></li>

							</ul>
						</div>
					</li>

					<li data-icon="false" data-role="none">
						<div href="c_activityDetial.html">
							<h2>今天快乐打卡</h2>
							<p>啦啦啦。。。。</p>
							<div class="soloimg">
								<img src="img/activity/act33.jpg">
							</div>
						</div>
						<p id="actreplay">
							<a><i class=" fa fa-star"></i></a>
							<a><i class=" fa fa-comments-o"></i></a>
							<a><i class=" fa fa-share-alt-square"></i></a>
						</p>
					</li>
					<li class="replay">
						<h1>小美:毕业快乐哦</h1>
						<h1>小明:恭喜毕业，毕业快乐哦</h1>
						<h1>小芳:来找我玩呀，毕业快乐哦</h1>
						<h1>小小:毕业快乐哦</h1>
						<h1>笨笨:毕业快乐哦</h1>
						<h1>花花:毕业快乐哦</h1>
						<h1>小可爱:毕业快乐哦</h1>
						<h1>海海:毕业快乐哦</h1>

					<li>

					<li data-icon="false" data-role="none">
						<div href="c_activityDetial.html">
							<h2>今天快乐打卡</h2>
							<p>啦啦啦。。。。</p>
							<div class="soloimg">
								<img src="img/activity/act31.jpg">
							</div>
						</div>
						<p id="actreplay">
							<a><i class=" fa fa-star"></i></a>
							<a><i class=" fa fa-comments-o"></i></a>
							<a><i class=" fa fa-share-alt-square"></i></a>
						</p>
					</li>
					<li class="replay">
						<h1>小美:毕业快乐哦</h1>
						<h1>小明:恭喜毕业，毕业快乐哦</h1>
						<h1>小芳:来找我玩呀，毕业快乐哦</h1>
						<h1>小小:毕业快乐哦</h1>
						<h1>笨笨:毕业快乐哦</h1>
						<h1>花花:毕业快乐哦</h1>
						<h1>小可爱:毕业快乐哦</h1>
						<h1>海海:毕业快乐哦</h1>

					<li>



				</ul>

			</div>


			<div data-role="footer" data-position="fixed" id="footerbg">
				<div id="send">
				<input type="text"  data-inline="true" data-role="none"/><i class="fa fa-send"></i>
				</div>
			</div>
			
		</div>

		<script src="./js/scroll.js"></script>
	</body>

</html>
